import Vue from 'vue'
import axios from 'axios'
import VueAxios from 'vue-axios'
import vuex from 'vue'
import App from './App'
import Dexie from 'dexie';
import router from './router'
import store from './vuex/store'


import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI);

import filters from './filters' //将全部过滤器放在 filters/index.js 中便于管理
//技巧 同时 use 多个插件 被依赖的插件应放在偏后方
Vue.use(VueAxios, axios, vuex)

// 注册全局过滤器
filters(Vue)

Vue.config.productionTip = false //将此值设置为 false ,会关闭 Vue 启动时的提示信息，推荐
Vue.config.devtools = true;
// 创建一个新的 Dexie 数据库实例
const db = new Dexie('dingding');

// 定义 Dexie 数据库模式
db.version(3).stores({
    real_market_dingding: 'msg_id, author, content, pict_url, ocr_desc, timestamp',
    contact_dingding: 'mid,news_count,order'
});
// 将 Dexie 实例添加到 Vue 原型上，这样在组件中可以通过 this.$db 访问
Vue.prototype.$db = db;

new Vue({
    el: '#app',
    router,
    store,
    render: h => h(App)
})

export { db };